<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
	<title>进货管理</title>
	<meta name="decorator" content="default"/>
	<script type="text/javascript" src="${ctxStatic}/common/jquery.jqprint-0.3.js"></script>
	<script type="text/javascript" src="${ctxStatic}/common/jeesite.js"></script>
	<script type="text/javascript">
		$(document).ready(function() {
			$("#name").focus();
			$("#inputForm").validate({
				submitHandler: function(form){
					form.submit();
				},
				errorContainer: "#messageBox",
				errorPlacement: function(error, element) {
					$("#messageBox").text("输入有误，请先更正。");
					if (element.is(":checkbox")||element.is(":radio")||element.parent().is(".input-append")){
						error.appendTo(element.parent().parent());
					} else {
						error.insertAfter(element);
					}
				}
			});
		});
	</script>
</head>
<body>
	<ul class="nav nav-tabs">
		<li ><a href="${ctx}/sys/orderProduct/orderProductList"> 进货管理</a></li>
		<li class="active"><a href="#">订单详情</a></li>
	</ul><br/>
	<form:form id="inputForm"  action="${ctx}/sys/orderProduct/editInputOrderU/${tbOrder.id}" method="post" class="form-horizontal">
		<input type="hidden" name="id" value="${tbOrder.id}"/>
		<sys:message content="${message}"/>
	<div id="printDiv">
		<b><div id="orderNoDiv" style="font-size: 16px;">
			订单号:
		</div></b>
		<table id="contentTable" class="table table-striped table-bordered table-condensed">
			<thead>
			<tr>
				<th>订单类型</th>
				<th>商品名称</th>
				<th>商品属性</th>
				<th>商品类型</th>
				<th>商品价格</th>
				<th>商品数量</th>
				<th>小计</th>
			</tr>
			</thead>
			<tbody>
			<c:forEach items="${editTbOrderProductList}" var="tbOrderProduct">
				<tr>
					<td>
						<c:choose>
							<c:when test="${flag==1}">
								生活预定
							</c:when>
							<c:when test="${flag==0}">
								便利生活
							</c:when>
						</c:choose>
					</td>
					<td>${tbOrderProduct.productName}
						<input type="hidden" class="orderNoName" value="${tbOrder.orderNo}"/>
						<input type="hidden" class="contactName" value="${tbOrder.contactName}"/>
						<input type="hidden" class="contactMobile" value="${tbOrder.contactMobile}"/>
						<input type="hidden" class="payTime" value="${tbOrder.payTime}"/>
					</td>
					<td>${tbOrderProduct.attr}</td>
					<td>${tbOrderProduct.categoryName}</td>

					<td>${tbOrderProduct.price}</td>
					<td>${tbOrderProduct.quantity}</td>
					<td name="litleTotal"></td>
				</tr>
			</c:forEach>
			</tbody>
		</table>
		<table class="table table-striped table-condensed">
			<tr>
				<td id="contactName">联系人:</td>
				<td id="contactMobile">联系电话:</td>
				<td id="payId"></td>
				<td id="payTime"></td>
				<td id="payState"></td>
			</tr>
		</table>
		<div class="control-group" align="right">
			<label class="control-label">支付方式:</label>
			<div class="controls">
				<input type="radio"  name="payId" value="5"checked/>现金
				<input type="radio"  name="payId" value="6"/>银行卡
			</div>
		</div>
		<h3 align="right">订单总额：  ${tbOrder.orderAmount}</h3>
	</div>
		<div class="form-actions" align="right">
			<input id="btnSubmit" class="btn btn-primary" type="button" value="确认收款" onclick="tijiao()"/>
			<input type="button" class="btn btn-primary" onclick="myprint()" value="打印"/>
			<input id="btnCancel" class="btn" type="button" value="返 回" onclick="history.go(-1)"/>
		</div>
	</form:form>
<script type="text/javascript">
	function tijiao(){
		if(confirm("确认收款？")){
			$("#inputForm").submit();
		}
	}
	$(function(){
		$(".orderNoName").each(function(){
			$("#orderNoDiv").append(($(this).val()));
			return false;
		})
		$(".contactName").each(function(){
			$("#contactName").append(($(this).val()));
			return false;
		})
		$(".contactMobile").each(function(){
			$("#contactMobile").append(($(this).val()));
			return false;
		})
		$("td[name=litleTotal]").each(function(){
			var quantity = parseInt($(this).prev("td").html());
			var price = parseInt($(this).prev("td").prev("td").html());
			$(this).html(parseFloat(quantity*price).toFixed(2));
//            return false;
		})
	});
	function  myprint(){
		$("#printDiv").jqprint({
			debug: false, //如果是true则可以显示iframe查看效果（iframe默认高和宽都很小，可以再源码中调大），默认是false
			importCSS: true, //true表示引进原来的页面的css，默认是true。（如果是true，先会找$("link[media=print]")，若没有会去找$("link")中的css文件）
			printContainer: true, //表示如果原来选择的对象必须被纳入打印（注意：设置为false可能会打破你的CSS规则）。
			operaSupport: true//表示如果插件也必须支持歌opera浏览器，在这种情况下，它提供了建立一个临时的打印选项卡。默认是true
		});
	}

</script>
</body>
</html>
